<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>我的套餐卡</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/weui.css" />
    <link rel="stylesheet" href="../../css/personalCenter.css" />
</head>
<body style="background-color: #f8f8f8">
<div id="personalCenter" style="margin-bottom: 4rem">
    <div style="width: 92%;margin-left: 4%;background-color: #fff;margin-top: 1rem">
        <div class="linearBacc">面部套餐卡</div>
        <div class="weui-panel" style="margin-top: 0px">
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells" style="font-size: 14px;color: #797979">
                        <div class="weui-cell__bd weui-cell_primary" style="padding: 8px 12px 8px 16px">
                            <span>面部补水<span style="margin-left: 5px">8/10</span></span><a href="../appointment/appointment.html" style="position: absolute;right: 12px;top: 6px;border-radius: 4px;font-size: 14px;color: #FB728B;border: 1px solid #FF5A6B;padding: 0 16px">预约</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="width: 100%;height: 3.1rem;position: fixed;bottom: 0;background-color: #fff;z-index: 100">
     <a href="personalCenter.html" style="display: block;width: 92%;height: 2.3rem;margin-top: 0.4rem;line-height: 2.3rem;text-align: center;color: #fff;background: linear-gradient(to right,#F562BA, #FE5967);margin-left: 4%;border-radius: 6px">返回</a>
</div>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
</body>
</html>